
<style>
    .btn {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #F5F5F5;
        background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
        border-image: none;
        border-radius: 4px 4px 4px 4px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        color: #333333;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        padding: 4px 12px;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
    }
    
    .btn-primary {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #006dcc;
        *background-color: #0044cc;
        background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
        background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
        background-image: -o-linear-gradient(top, #0088cc, #0044cc);
        background-image: linear-gradient(to bottom, #0088cc, #0044cc);
        background-repeat: repeat-x;
        border-color: #0044cc #0044cc #002a80;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      }

      .btn-primary:hover,
      .btn-primary:focus,
      .btn-primary:active,
      .btn-primary.active,
      .btn-primary.disabled,
      .btn-primary[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
      }

      .btn-primary:active,
      .btn-primary.active {
        background-color: #003399 \9;
      }
    
    .btn-small {
        border-radius: 3px 3px 3px 3px;
        font-size: 11.9px;
        padding: 2px 10px;
    }
    
    .btn-mini {
        border-radius: 3px 3px 3px 3px;
        font-size: 10.5px;
        padding: 0 6px;
    }
    
    .brand {
        display: block;
        float: left;
        padding: 7px 8px 10px 10px;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
    }

    .brand:hover,
    .brand:focus {
        text-decoration: none;
    }
    
    .motto {
        display: block;
        float: left;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        font-style: italic;
        margin-top:16px
    }
    
    #backuplin{background-image: linear-gradient(to bottom, #555, #333); background-color: #F1F1F1;}
</style>
<div style="background-color: #222; width:100%; height:40px; margin-bottom: 40px; box-shadow: 0px 0px 10px #333; position:fixed; z-index:100; top:0px; left:0px">
    <a href="<?php echo base_url(); ?>"><span class="brand">Anugerah Group Management System</span></a>
    <a id="openMenu" class="btn btn-primary btn-mini" style="float:right; margin-top:10px; margin-right: 15px">Open Menu</a>
</div>
<div style="background-color: #F1F1F1; width:100%; height:40px; margin-bottom: 40px; box-shadow: 0px 0px 10px #aaa; position:fixed; z-index:99; top:0px; left:0px">
    
</div>
<?php
    if($this->input->get("development") != 2 && $this->input->get("development") != 1)echo "<br/><br/><br/><br/>";
?>